<template>
  <div class="about">
    <div class="about">
      <div class="title">关于数据库</div>
      <div class="content">
        <p class="paragraph">行业VOCs排放数据库管理与查询系统是针对VOCs研究的庞大数据集开发的。
        主要功能包括VOCs收集与导入管理、VOCs分类查询和相关性分析等多种科学统计功能。
        帮助业内研究人员进行一站式VOCs数据分析，快速掌握各类VOCs的大气反应活性及其在大气中的转化机制、工业催化原理及生物降解特性，帮助实现大气VOCs治理污染源鉴别、VOCs净化工艺选择以及其健康风险评估等。</p>
      </div>
    </div>
    <div class="team">
      <div class="title">开发团队</div>
      <div class="content">
        <p>数据库由下列机构和团队开发维护：</p>
        <li>环境健康与污染控制研究院</li>
      </div>
    </div>
    <div class="support">
      <div class="title">项目支持</div>
      <div class="content">
        <p>数据库开发和维护受以下项目的支持：</p>
        <li>国家重点研发计划</li>
        <li>国家自然科学基金</li>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "../css/character.scss";
@import "../css/common.scss";
.about {
  width: 98%;
  .title {
    font-family: #{$about_page_font_family};
    font-size: #{$about_page_font_size}px;
    text-align: left;
    font-size: #{$first_font_size};
    font-weight: #{$first_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: #{$first_titile_left}px;
    margin-bottom: #{$first_titile_bottom}px;
    color: rgb(89, 89, 89);
    text-decoration: underline rgb(68, 114, 196) 3px;
  }

  .content {
    text-align: left;
    // 开头间隔
    text-indent: 20px;
    font-size: #{$second_font_size};
    font-weight: #{$second_font_weight};
    margin-top: #{$second_titile_top}px;
    margin-left: #{$second_titile_left}px;
    margin-bottom: #{$second_titile_bottom}px;
    line-height: #{$about_page_prg}px;
  }
  
  // .paragraph{
  //   padding-bottom: 20px;
  // }
}
</style>

